<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>企业主页</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/element.css">
    <script src="css/jquery.min.js"></script>
    <script src="css/vue.js"></script>
    <script src="css/element.js"></script>
    <script src="js/constants.js"></script>
    <style>
        #mainbody {
            width: 100%;
            height: 100%;
        }
        #toptitle {
            font-size: 17px;
            font-family: Source Han Sans CN;
            font-weight: bold;
            color: rgba(82,87,92,1);
        }
    </style>
</head>
<body>
<div id="mainbody">
    <div id="left">
        <div style="width: 100%;margin-top: 5%">
            <img id="dhImg" onclick="ss()" src="img/mulu.png" style="width: 11%;padding-left: 7%;margin-left: 10%;cursor: pointer"/>
            <span slot="title" id="toptitle">&nbsp;导航目录</span>
        </div>
        <div id="menu">
            <el-menu
                    default-active="QYManage.html"
                    class="el-menu-vertical-demo"
                    @select="handleSelect"
                    >
                <el-menu-item index="YGManage.html">
                    <!--<i class="el-icon-menu"></i>-->
                    <img src="img/yg.png" class="mlogo" id="2"/>
                    <span slot="title">&nbsp;员工信息报备</span>
                </el-menu-item>
                <el-menu-item index="JKManage.html">
                    <!--<i class="el-icon-menu"></i>-->
                    <img src="img/jk.png" class="mlogo" id="3"/>
                    <span slot="title">&nbsp;健康信息报备</span>
                </el-menu-item>
                <el-menu-item index="XCManage.html">
                    <!--<i class="el-icon-menu"></i>-->
                    <img src="img/xc.png" class="mlogo" id="4"/>
                    <span slot="title">&nbsp;行程信息报备</span>
                </el-menu-item>
            </el-menu>
        </div>

    </div>
    <iframe id="right" src="YGManage1.html">
    </iframe>
</div>
<script>

    window.vueIns=new Vue({
        el: '#left',
        data:function() {
            return {
            };
        },
        methods: {
            handleSelect:function(key, keyPath,title) {
                if(key=="YGManage.html"){
                    document.getElementById('2').src="img/ygxz.png"
                    document.getElementById('3').src="img/jk.png"
                    document.getElementById('4').src="img/xc.png"
                    document.getElementById('right').src="YGManage1.html"
                    // document.getElementById("right").src="../Map/map.html";
                }else if(key=="JKManage.html"){
                    document.getElementById('2').src="img/yg.png"
                    document.getElementById('3').src="img/jkxz.png"
                    document.getElementById('4').src="img/xc.png"
                    document.getElementById('right').src="JKManage1.html"
                    // document.getElementById("right").src="../Map/map.html";
                }else if(key=="XCManage.html"){
                    document.getElementById('2').src="img/yg.png"
                    document.getElementById('3').src="img/jk.png"
                    document.getElementById('4').src="img/xcxz.png"
                    document.getElementById('right').src="XCManage1.html"
                    // document.getElementById("right").src="../Map/map.html";
                }
            },


        },
    });
</script>
</body>
</html>